<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->


    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <link rel="stylesheet" th:href="@{/css/me.css}">


</head>

<body class="mybody">

<div th:replace="~{commons::header('about')}"></div>

<div class="container" align="center"
     style="background-color: aliceblue;border: cyan solid 3px;border-radius: 15px;opacity: 0.7">
    <img th:src="@{/img/4.jpg}" width="300px" height="300px" style="dispaly:block;margin:0 auto;border-radius: 150px">


    <div class="row">
        <div class="col-md-6 col-md-offset-3 col-12" style="text-align: center">
            <h1>MinXu</h1>
            <strong>叫我QQ：754647431</strong>
            <h3>每一个优秀的人，都有一段沉默的时光。<br>
                那一段时光，是付出了很多努力，<br>
                忍受了很多的孤独和寂寞，<br>
                不抱怨不诉苦， 只有自己知道。<br>
                而当日后说起时，连自己都能被感动的日子。<br>
                所谓的光辉岁月，并不是后来闪耀的日子，<br>
                而是无人问津时，你对梦想的偏执。</h3>
        </div>
    </div>


</div>


<div th:replace="~{commons::footer}"></div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

</body>
</html>